/*==============
  SCROLLBAR
  ==============*/
/*//partie mouvante*/
::-webkit-scrollbar {
  width: 5px; /*// si verticale*/
  height: 5px; /*// si horizontale*/
  background: var(--bg-color);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom left, var(--neutral-3), var(--neutral-3));
  border: 0 solid transparent;
  border-radius: 0;
}

/*[data-theme="dark"] {
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom left, var(--bg-color-tiny), var(--bg-color-biggy));
  }
}*/

/*//:hover not nested like less &&
//gradient overwriting so rule is bg not bg*-color**/
::-webkit-scrollbar-thumb:hover {
  background: #777;
}

[data-theme="dark"] {
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--secondary-color);
  }
}

/*//parties bouton*/
::-webkit-scrollbar-button {
  /*//mis à zéro afin qu'ils n'apparaissent pas : scrollbar collée aux bords de page*/
  width: 0; /*// si verticale*/
  height: 0; /*// si horizontale*/
  background-color: var(--bg-color);
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

/*//partie sous-jacente*/
::-webkit-scrollbar-track {
  background-color: var(--bg-color);
  border: 0 none transparent;
  border-radius: 53px;
}

/*//:hover not nested like less*/
::-webkit-scrollbar-track:hover {
  /*background-color: lighten(@emDark, 80%);*/
  background-color: var(--neutral-1);
}

/*
[data-theme="dark"] {
  ::-webkit-scrollbar-track:hover {
    background-color: lighten(@emDark, 10%);
  }
}*/